
/**
 * 检查两次密码输入是否一致
 */
function check() {
    if (document.getElementById("password").value !=
        document.getElementById("rePassword").value) {
        document.getElementById("warning").innerHTML = "两次密码的输入不一致!";
        document.getElementById("warning").style.color = "red";
    } else {
        document.getElementById("warning").innerHTML = "密码一致";
        document.getElementById("warning").style.color = "green";
    }
}

/**
 * 注册用户
 */
function register() {
    var data = {
        username: $("#username").val(),
        password: $("#password").val(),
        code: $("#code").val(),
        phone: $("#phone").val(),
        birthday: $("#birthday").val(),
        sex: $("input[name='sex']:checked").val(),
        hobby: hobbyList(),
        introduce: $("#introduce").val()
    };
    /**
     * url 请求路径，对应servlet里面的webServlet
     * data 获取页面数据
     * type 请求方式
     * dataType 返回对象格式，一般为json
     * success 返回结果
     */
    $.ajax({
        url: "/back/userRegister",
        data: data,
        type: "post",
        dataType: "json",
        //data返回数据
        success: function (data) {

            if (data === 1) {
                alert("注册成功！");
                //页面跳转，下面两种方式都可以
                // window.location.href="";
                 window.open("/back/login.html","_blank");//_blank 在新窗口中打开被链接文档。
            } else if (data === 3) {
                alert("该用户已被注册！");
            }
            else {
                alert("注册失败");
            }
        }
    });
}

/**
 * 获取多选框已选中的值
 * @returns {string}
 */
function hobbyList() {
    let vote = [];
    /*
        attr和prop的区别
        1、对于HTML元素本身就带有的固有属性，在处理时，使用prop方法
        2、对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
        3、checkbox，radio和select中对应checked和selected属于固有属性，因此需要用prop方法，用attr会出现undefined
        4、action="delete"，delete是自己定义的属性，用attr方法
     */
    $('input:checkbox[name=hobby]').each(function () {
        // console.log($(this).attr('checked',true));
        //设置true为全部选中
        if ($(this).prop('checked')) {
            vote.push($(this).val())
        }
    });
    //join(),不加参数默认","，加了参数以参数作为分隔符
    return vote.join();
    // return vote.toString();
}

// function toLogin() {
//     window.location.href="/back/login.html";
// }


/**
 * let 局部变量
 * var 全局变量
 */
/*function checkUser() {
    let reg= /[a-zA-z]\w{5,15}$/;

    let username = document.getElementById("username").value;
    if (reg.test(username)){

    } else {
        /!*
         * 获取到文本框，不需要获取值
         * style.display="block"和style.display=""的区别
         * 最大的区别：block是块显示的，会换行
         *!/
        let promt = document.getElementById("promt");
        promt.style.display="block";
        // alert("格式有误");
    }
}*/